<template>
    <div>
        <center>
            <h2>PropsChild</h2>
            <p>{{ title }}</p>
            <p>{{ age }}</p>
            <p>{{ interests }}</p>
        </center>
    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
        },
        age: {
            type: [Number, String],
            required: true,
            default: 18,
            validator: function (value) {
                return value > 60 && value < 100;
            },
        },
        interests: {
            type: Array,
            default: () => {
                return ['sleep', 'eat'];
            },
        },
        propsCallback: Function,
    },
};
</script>

<style></style>
